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بسم الله الرحمن الرحيم 


هذا الملف هو الثاني في سلسلة تعليم ال ۲مم0امJdev‏ 
و التي أحاول تقديمها للمطورين العرب 


وهي عبارة عن دروس مترجمة من موقع اوراكل . 


هذا الملف متاح للجميع الانتفاع به » ولكن إذا تم نسخ أو نقل 
المادة » أرجو ذكر المصدر للحفاظ على المجهود المبذول فيه › 
وجزاکم الله خيراً 


أرخو فن الله الغلى القدير أت نتف بهذا المجهوة . 


| خوکم : 

م: احمد عطاال 

dev.ahmad3ttallah @Qyahoo.com 
http://hnope-sun. blogspot.com 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


Oracle ADF ةطÛwسlوب‎ R1۸* تطوير تطبيق ويب‎ 


يمكنك الطلع على الدرس الصلي من موقع أوراكل من هنا . 
الهدف : 
هذا الدرس يعلمنا كيفية إنشاء تطبيق ويب غني و الذي يتفاعل أو يتعامل مع قاعدة بيانات . 
سوف نستخدم JD eve1opمeإ 11g‏ 1eاOrac‏ و إطار عمل ۸0۴ لإنشاء التطبيق . 
خلال العمل سنتعامل مع هذه المصطلحات و التي سنعلمها في حينها : 
Oracle ADF Business Components‏ 
Oracle ADF Faces Rich Client Components‏ 
Oracle ADF Task Flows‏ 


2- المتطلبات . 

. Business Components g Fusion Application sli| -3 
. Business Components J| نuwuحت‎ -4 

5- إنشاء صفحة ویب 8۴ل . 

6- ربط ال sاماموء‏ وو[ ب صفحة ال ٣5ل‏ 


. Page Flow ءli|‎ -8 
. ADF Faces Framework صڃڀڏڌilصخ إستخدام‎ -9 
Read Only Business Services Page Fragments « Regions sli] -10 


- RIA - Rich Internet Applications * 


جميع الحقوق محفوظة 
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نة عغافة . سازتن الخمل 
نظرة عامة : 
هذا الدرس سوف يأخذك خلال سيناريو إنشاء تطبيق ويب غني 8۸14 و الذي يتيح واجهة مستخدم للتعامل مع 
جداول قاعدة البيانات . 
هذا الدرس یرکز بالأساس على الإمكانيات المرئية و النهح التي يقدمها ۸5۴ ١1ء0‏ لتطویر تطبیقات Java ٤٤‏ . 
خلال عملنا في هذا الدرس لاحظ كيف أن ال ۸۴ يوفر عليك كتابة الكثير من الكود بالإضافة إلى تسريع عملية 
التطوير . 
سيناريو العمل : 
التطبيق الذي سوف ننشئه هنا يعرض معلومات عن قسم و موظفي هذا القسم في شركة ما . سوف يتم 
إنشاء العديد من صفحات ال [S۴‏ والتي تتيح لك الاستعلام و تعديل البيانات داخل قاعدة البيانات . 


جميع الحقوق محفوظة 
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المتطلبات 
1- في هذا الدرس سوف نستخدم 1ءء #۸ بسيطة والتي تأتي مع نسخة Oracle data base‏ . 
للامن و الحماية تكون ال 2٣عطءء‏ ۳8۴ مغلقة . لذلك سوف نفتح هذا المستخدم في الخطوات القادمة . 
من سطر الأوامر ع1ا ١محدمصهء‏ استدعي ءداما۹ء و ادخل بالمستخدم ١۳ءءرء‏ مع حتمية معرفتك بكلمة المرور 
الخاصة بهذا المستخدم . 
2- أكتب هذا الأمر في السطر <اSQ‏ : 
alter user HR identified by HR account unlock;‏ 
بمجرد تنفيذ هذا الامر بإامكانك الخروج من ال كuامآاوء‏ و شاشة الاوامر . 


co C\WINDOWSIsystem 37\cmd.exe - sqlplus system 


C:x\sqlplu 


SQL#«Plusz Release 2.0.1.0 ¬ Production on Tue Nov 11 15:44:17 22U08 
Copyright «c> 1982, 2UU5, Oracle. All rights reserved. 
Enter password: 


Cannected ta: 
Oracle Database 18g Expreaa Editian Relcase 1@4.2.0.1.8 Productian 


SQL> alter user hr d1dentifiecd by hr account unlock; 
lser altered. 


SQL> exil; 


. JDeveloper J| Jıغشت ابداً‎ -3 


@ WebLogic Server 10.3 ظ‎ 
@: JDeveloper Studio 11.1.1.,0.0 

ll Online Documentation 

3»| QuickStart 


| Smart Update 


E) Uninstall Oracle Middleware 


جميع الحقوق محفوظة 
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Business Components g9 Fusion Application slٿui|‎ 


عندما تعمل في ال إءمهاءہء(5[ فإنك تنظم مشروعاتك داخل تطبيق . 

يفدم لك ال إءمه1ء۷ء([ العديد من النماذج و القوالب التي تمكنك من إنشاء مشاريعك و تطبيقاتك . تلك النماذج 
أو القوالب تكون معدة مسبقآاً على إعدادات مبدئية و بالتكنولوجيات التي تمكنك من إنشاء العديد من التطبيقات 
و المشاريع » وبالتالي فإنك تنشيء» بيئة غملك عن طريق اختيار القالبب الذي يناسب احتياجاتك » كما بإمكانك 
تعديل إعداداتها لكي تضيف ما تشاء من إضافات أو تكنولوجيات جديدة و التي تخطط لاستخدامها . 

في البداية ننشيء تطبيق جديد باستخدام ال yعoاtechno Fusion‏ و إنشاء business components‏ والتي سوق 
تقوم بالتعامل مع قاعدة البيانات . 

سوف نستخدم DF Business Components‏ eاOrac‏ لتخطيط كائنات الجافا مع الجداول الموجودة داخل قاعدة 
البيانات . 


1- في مستكشف التطبيق اضغخط New Application‏ . 


3 E JDeveloper 11g 


File Edit View Application Refactor Search Navigate Build R 
RORAI 90 N RRO O0 Ih 


(Application Navigator &) @startPage 


Open Application... 
Oracle 


2- في المربع الحواري الخاص بإنشاء تطبیق جدید » اكتب اسم التطبيق لكي یکون ٍهءو۸8] . لاحظ ان 
المسار يتغير تبعاً لتغير اسم التطبيق تلقائيً . كما أنه بإمكانك تفيير المسار إلى أي مكان دلخل جهازك لكن 
يجب أن يكون اسم الملف الأخير متطابق مع اسم التطبيق . 

. deno اجعل قیمتھا‎ Application Package Pre ¡× في حقل‎ 

„ Finish hژ†éۋض؛l‎ pî (Fusion Web Application (ADF رlizl‎ Application Templates Ja في‎ 


ation (ADF) - Step 1 of 5 


۳ Project 1 Name 
[c:\Developer mywork RS ystem 


Aapicalion Package Preflx: 
| demo 


Application Template: 
أ‎ = Generc n 


ect is‏ اہ را چیم یڑا ب چ و apphcatior‏ يججت 
any‏ ن 0 ا sing nit De #loper Ltadinologies, bul Can bê OSLO‏ 
9 وا 


EEE EE 
Creates a databound ADF web application. The appication congists of one project 
for the mew and coniiroller components (ADF Faces and ADF Task Flows), and 
another orolect for the data model (ADF Business Comoonents), 


= Java Desktop Appicaton 
Creates an application configured for buldng 3 
appics bon wil irdude a project hat is preconfigured lo use Java, Swng, and 
شمه ممممد‎ 


جميع الحقوق محفوظة 
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3- في مستکشف التطبيق سوف تجد مشرعان جدیدان أحدهما یسمی M04٤1‏ والآخر یسمی 
View Conroller‏ » اضغط بزر الماوس الایمن على مشروع 1ء0 M‏ واختار New‏ . 


v Projects 
1-j Model 


cl eT 
ا‎ W Edit Project ce Paths... 


a- 
2-8 3¢ Delete Project 


Version Project... 


| §® Find Project Files 
إ‎ Show Overview 


“Bl dı Make Model. jpr 


4- في المربع الحواري راء‌اا6a‏ سء" . اختار من التبویب 1e۲‏ ssئeمiی8u‏ في القائمة EلJ” ADF Business wll‏ 
Components‏ . ثم اختار من القائمة على اليمين ء1eطھ1 Business Components From‏ ثم اضغط على )0 . 
هذا الاختيار يتيح لك إنشاء مكونات قائمة على اساس الجداول الموجودة في قاعدة البيانات التي تعمل عليها . 


| RiTsdmabgaa | Curent roje Ten alges 
hs st 5 %hered according to the oarent project's zelecisd iechnoloies: 


tems: [_ Show Al Descriptions 


3| Business Components fram Tables 
Laundves the Oreste Busness Componevts from Tables wizard, winch alors 
yOu lo oeale madliple erity objects and of wer Business Components ftom 
datahaae tables. Line entity abjects t5 represent tables or LFA. entities and 
to mplement buaness res. 


To enable frs opton, you must select a project ın he 


Namgator. 
Before yous Can fnieh Cealirg he Components, you wê be çrompled lo sebect 
ar create) a database connection. 


Ê /cçicston Module 
3 Assocation 


BH Busness Corponents Diayr am 
Û) Olt Data Model Compomenis 


a1 Domain 


5- في المربع الحواري ectزPro Business Components‏ izeاnitia]‏ سوق يتم إنشاء الاتصال بقاعدة البيانات » اضغط 
على العلامة الخضراء ا بجوار حقل ال onناCnne6‏ . 
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` SPAR . 
€ Initialize Business Components Project 


Thıs project has not yet been intialzed for Business Components. After spea#yıng the folowing Information for yaur Rsiness 
Comoonents Project (px fle), you wil be promoted to ceate your Business Components) 


Specfy the database connecbon thet leis you ceate Busness Components from exsting detsbese objects. 


ا ا اا ود و ی ون د ج ا 


6- حدد تلك الاختيارات الخاصة ببيانات الاتصال . 

Connection name : HR 

User name : HR 

Password : HR 

اضغط على زرار «هذ٤ءء««ه‏ ء٠٣‏ للتأكد من سلامة الاتصال » بمجرد التأكد اضغط ١)‏ . 


© Create Database Connection 


Canfigura a new database conractkan and add It to the aurrenkt application (HASysterm). 


Create Connection In: (2) Application Resources 


Connection Name: HR 1 

Connection Type: Orade (306¢) - ] 

lJsername: HR [ RAale: ا‎ 5 
Password: n. [Vl Save Password [ Depby Password 
- Oracle (JDBC) Settings 

[[] Erker Custom JDEC URL 

Driver: thn 

Hast Nama: localhost 


@ sip: XE 


O Service Name: 


|_ est conmneuon | 
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7- ثم اضغط )0 مرة أخرى . 


& Initialize Business Components Project 
This project has not yet been initialized for Business Compgonents, After spedfying the following information for your Business 
Components Propect (px fle), you wl be prompted tn create your Business Component(s). 


Speofy the database cornecbon that lets you ceste Busness Components from wostng database objects. 


Gomecton: [i +274 
User Name: HM 
Driver: orade.jdbxc.OradeDrîver 
Corrext String: idbc:orade:thin: @localhost: 152 1:ord 


Choose the proper SQL flavor and type map that fits your application. 
SQL Fiver: [rade men > 


a aE | ۹ 


Sai he Dacha gr to carrian your rm erry Gopetta an amaxaatzrm. 
Podagc: dono. modd 
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9- اختار الجداول DEPART MEN1S‏ و EMPLOYEES‏ من قائمة الجداول المتاحة ثم اضغط على السهم 
المشير إلى قائمة الاختيار على اليمين » ثم اضغط زرار "٠×٤‏ للاستمرار . 


Components from Tables - Step 1 of 6 


Sau, he Dahage lu carian yar new atily alpex ls and axaaa. 
Page: oro modu Rodse... 
w  Lirlebdik Yam bnı 


.اترات وات عاسات ددا <" لعف لوت (دأا تبات دوه دل اتفه واا ,تیاه د وناہط سا حاےیوتاں یی دل آں حرا کا عد 


Î bnlky Obyocla 


ا Tyee rier: or | rider Types‏ لک 


|] Damas [_ oe | 


0- في المربع الحواري Updateable View Objects‏ « 
lتقJ (Departments1 (HR.DEPARTMENTS‏ 
و )HR.EMPLOYEES‏ oyees1اEmp£)‏ إلى قاثمة الاختيارات على اليمين . 


Soe the pscisge to contain your nev view objects and Hew Inks. 
Pacinge 1e5. 
ui Updatabie View Obje 
2 Ts erate an ıpêniasle view abet, oeiect an sheet Eren he lt of mundi errsty aheetr ancl dek >° 
ت‎ 220in DEMON SEE NIY MEC, û #2 ink wl ùulatnû Lay be CEE 


Depertrents IVlevy Decar îrem 


rame 1 1v, j rg ew 
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1- في المربع الحواري ءاءObje Read Only View‏ » اضغط علی زرار Que‏ تم انقل 3108S‏ إلى قاءمة الاختيارات 
على اليمين . 


Read Only Vicw Objects 


Speofy u pechuege b5 anka a2 eme ‘me alretts and vame kro 
PRadage: | dno modo 


Piller ar toes of aÎarsa olyutla o qey “a avalalslu, nen adet! be xlnona cbgatp) aud dak '>' to cual rand -cedy mew 


Sahat Uu iaxhius to act rabere o Uw asfalt deta recon argorarita lw xgaeu bedl qgi calan mehbu. LF ime gnu 
a2pbca2n TOdie does not exist It wll De CEDe5 
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3- في مستكشف التطبيق اضغط بزر الماوس الأيمن على 1ء0۵ ممه ثم اختار Ru«‏ » لاستدعاء مختبر ال 
application module‏ » هذا عبارة عن تطبیق ع1 1س؟ و الذي یتیح اختبار ADF Business Components J|‏ والتي تم 


Þ Data Controls 


4- في شاشة مستکشف Oracle Business Conp0 1e1‏ اضغط مرتین على 1) Emp Dep tF) Li”‏ لعرض تفاصیل 
employees g9 department‏ . 
تجول بين الصفوف عن طريق استخدام الازرار الزرقاء وشاهد التزامن بين ال ئة" و ءاأهtمd‏ . 


E Oracle Business Component Browser (AppModuleLocal-Loc 


|€ ¢ < ا2‎ 4 
Eins | uue | sae : ous 
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Loca! ,10( للبحت . اكتب 1700 في حقل‎ dè Specify View Criteria (binocular icon) button JJع اأضغط‎ -15 
. ۴ا٣۵ تم اضغط‎ 


E Business Component View Criteria 


orem] 


Emier an operator followed by a wele: 


Depar tneid: 


Erployses 1Mew3 


تجول في مستکشف 11۲ 0م0٥ Business‏ eاacاO‏ لتكتشف الكثير من الخصائص المفيدة . 


7- أغلق شاشة مستکشف Oracle Business Compo‏ » وارجچ إلى operاveہDe[‏ اضفط علی Î Save AI‏ 
في شريط القوائم . 
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Business Components J| نıwحت‎ 


في هذا الموضوع سوف نحسن ال ءععإ۷إءء sوممنوuط‏ عن طريق إضافة ءعاںآا ٣10اه‏ لاه ( قواعد الصلاحيات* ) و 


. ) القيم الافتراضية‎ ( defauاt‎ values الهيئة ) و‎ ( formatting 
: لإضافة قواعد الصلاحيات اتبع التالي‎ 


1- قي مستکشف التطبیق حدد الکائن 1ءءره‌امص".٤‏ واضغط عليه مرتین لفتحه لکي يتم تحریره . 


Entty objects are med to encapaulote the business logic and database 
sior sge detsks or your buemess entbes 


F*mployees 1 
deno.model 


<Tione >» 


/ 
/ 
/ 
/ 


Sdreme Obyecç  FPLOYEES 


Burien Components Projecl: Model 


DH Alternate Keys 


E Tuning 


FI Custom 


2- في شاشة 1.×۳1ءءرهاpصغ‏ . اضغط على ءع)uط1إ)٤)‏ ۸ تم حدد الحقل رإواهS‏ » تم في منطقة ۸٥1ا‏ 1dاva‏ 
اضغط على الزرار ۸۵١‏ ا لكي تضيف قاعدة صلاحية جديدة . 


MANAGER _ID NUMBER(6, 0) 
Departmentld Number DEPARTME... NUMSER(4, 0) 


3 Validation Rules: Salary 


[3] Custom Properties: Salary 


3- في المربع الحواري الذي سيظهر » اختار #عرهR‏ من قائمة ءمرآ ءاuاR‏ . كما يمكنك تعديل الكتثير من القواعد » 
في حقل ال إماهإءم0 اترك القيمة الموجودة 7س8 كما هي » و اكتب 0 في ال عva[u Minimum‏ و 99000 في 
Maximum value J|‏ . 
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4- اختار التبویب عہنافمھ ۵ا۴ لكي تحدد رسالة الخطأً التي تظهر إذا تعدى أحدهم قواعد الصلاحيات . 
في حقل ال ٥×٤‏ eعدوءM‏ اكتب رسالة خطأً ك 
"Salary out of range 0 to 99,000"‏ 
تم اضغط ٥)‏ . 


@ Add Validation Rule for: Salary 


Define the Validation you want to perform with this rule and configure the Validation 
Failure response. 


Rule Type: Range -ِ 
. Rule Definition Validation Execution Failure Handing 


Validation Failure Severity (o) Error () Informational Warning 


Failure Message 


Enter text for the translatable validation failure messages. 


Message Text: 
Salary out of range 0 to 99,000 


Token Message Expressions: 
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5- سوف نضع قيمة افتراضية في حقل ءادل ١١ط‏ » حيث عند إضافة موظف جديد سوف تكون القيمة الافتراضية 
لهذا الحقل هي التاريخ الحالي أثناء إضافة هذا الموظف . 

وبالرحوع إلى شlشة Employees1.xm1‏ حدد الخاصية أو الحقل ٤٤2ء١81‏ واضغط عليه » إن لم تجده في تلك 
الشاشة . يمكنك البحث عنه من خلال شاشة الخصائص بالضغط على CTRL+Shif(+I‏ . 

في قم Value J|‏ « دد Default Value Type J|‏ و li>èlر Default Value JتحJ|l ةميê Jعeج| pî « Expression‏ 
بالقيمة ع)2a)«ءdf.currه‏ . هذا المصطلح سوف يجعل القيمة الافتراضية لحقل ال ءادل ١ء11۲‏ هي قيمة التاريخ 
الحالية لحظة تسجيل أو إضافة الموظف الجديد . 


Sequence Flag: | <default> (false) 
Value 


o [¥] Mandatory Updatable: | Always 


Default Value Type: ( ) Literal (a) Expression 
| o Default Value: 


ا ام ف ال ا فادطات فلي الو اة الرموهة ا الفافة روا الل فاط الك 
في صيغة التاريخ و شكل ظهوره في الفورمة » في حالتنا سوف نختار الصيغة الافتراضية » كما بإمكانك إضافة 
الكذرة من التائ الففدة ال وتان ويروا من الاتاقات. 

إذآً في ال ءأمن٨#‏ 11ا في الخاصية Simple Date رliتخ>l Format Type‏ . 


<default> 
<default> (Display) 


Simple Date 


<default> (false) 


تم حدد الخاصية ma2٤‏ إ۴ و|كتڊب MM/dd/yyyy‏ 


جميع الحقوق محفوظة 
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format. DefaultDateFormatter Îw| v 


7- بإمكانك الآن تشغيل المختبر ل eاduهM n‏ atioءiاpممA‏ تانية ( اضغط الزر الأيمن للماوس على eاduهMمم۸‏ ثم 
على Run‏ ( . 

للتأكد مما تم إنجازه سابقاً يمكنك إضافة سجل جديد وسوف ترى القيمة الافتراضية للتاريخ و عيرها من 
الإضافات التي قمت بتعديلها . 

اضغط على ال۸ veد؟ ‏ . 


جميع الحقوق محفوظة 
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إنشاء صفحة ویب S۴؟J‏ 


. والتي تسهل عملية تطوير تطبيقات الويب‎ [4۷4 ۴۴٤ باختصار هي تکنولوجیا‎ J۴ أو‎ JavaServer Faces 

في هذا الدرس سوف ننشيئ صفحة [S۴‏ والتي يمكن من خلالها تشغيل و إدارة ال sأہeءonمcomp business‏ التي 
أنشأناها في الدروس السابقة . 

لإنشاء الصفحة سوف نستخدم Oracle ADF Faces Rich Client Components‏ » هذه المکونات تسمح لك بإنشاء 
تطبيقاٽ Ajax-based rich Web Û1‏ بدن كتlبة‏ كود JavaScript gl HTML‏ . 


جزء الويب في التطبيق يتم تطويره في مشروع منفصل وسوف نسميه ۲ء ]1هء٤مهء‏ سذ۷ » هذا الفصل ما بين 
واجهة المستخدم و ال إمرها املهM‏ يجعل ال sععزرإمء‏ وومموuط‏ أكثر قابلية للاستخدام مرة أخرى . 


1- سوف نبدأً بانشاء صفحة ويب » اضغط بزر الماوس الأيمن على المشروع ۷ew ٣٥١٤۲11۲‏ واختر New‏ . 


(=) @start Page 


2- في شاشة ryء‌ااGa New‏ » اختر ال Web rier‏ و اختر منھا [S۴‏ تم اختر عدم [S۴‏ من القائمة على اليمين تم 
اضغط ٥)‏ . 


TERE Orem rast letroog= | 


This lat ls Ãhered according ta the arrent proiect's 3elscted tsinolbqs:. 


tens: 
lL ADF Task Flow 
E aoF Task Flow Temclete 


- “Deployment Desa pbors 


Denlaymont Profiles 8 ا‎ ire 


JI SF Page 
Launches fhe Creste JX" Page dalog, In wiih you ceste a new sheleton 
JavaServer Faces (jsp or jsp) Re. 


To enable this aption, you must select a project or a fle within a projectin fhe 
Aophcsbon Nawgsior , 


EÛ I3 ?5ge Flow and Conégurabon (Esces-config. xml] 


JSF Page Fragment‏ چ 


[@ FF Page Template 


جميع الحقوق محفوظة 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 
3- في المربع الحواري ععه۴ [S۴‏ ماوءإ٣‏ » غير اسم الصفحة إلى ×مءز.eعھ۲۴ Dept٤ mp‏ » وفي الاختيار Page‏ 


م۾iã‎ Create as XML Document J| jÎ و تأ کد من‎ « Oracle Three Column Layout ةمئlêلl‎ jم اختر‎ Template 
. Ok اختیاره « تم اضغط‎ 


Create JSF Page 


Enter the name, directory, and choose a type for the JSF Page, Optionally 
reference a Paqe Template to indude its content in this page, or apply a Quick 
Start Layout êris sigh EE ARE ES 4 


Directory: ق‎ || Browse... | 
[¥| Create as XML Document (*.jspx) 

Initial Page Layout and Content 

O Blank Page 


O Page Temolate 


i Orade Three Column l 1. 3F 


E] Page Implementation (JI components are not exposed in managed bean) 


r‏ ک] 


4- سوف يتم فتح الصفحة في شاشة التحرير و بالتالي نبدأً في التصميم » في هذا القالب تفتح تكون الصفحة 
عبارة عن تلات أعمدة > نحن نرید عمودین فقط و بالتالي نجذف العمود التالث . 
اضغط بزر الماوس الأيمن على العمود أقصى اليمين ثم اختر عاهاءل . 


Insert before Facet end 
Insert inside Facet end 
Insert after Facet end 
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5- حان الآن إضافة بعض الأدوات للصفحة . 
في قائمة الأدوات افتح القائمة الفرعية ٤۷ا0رة[‏ واسحب منها «dioكإAcco‏ امnرمP‏ وضعها في العمود الايسر . 


 Dstart Page _ |[SRSystem.ws _ Êl DeotEnnPage.jsox 
| @@ * Show ~ Ful screen sre | [@] None v [Default 


o e TSE E 


» Operations 


Disdosed: [<default> (false) ي أ‎ 


7- اضغط بزر الماوس الأيمن على هذه الأداة ذ۾ |خlaر pî Insert After Show Details Item — Departments‏ 
اختار Show Dم)ai1 !)e٥‏ . بهذا الاختيار سوق يتم إضافة اداة جديدة . 


Insert before Show Detail [tem - Departments 


insert inside Show Deta Item - Departments 


Vepar iments 


تم عدل خاصية ال More Info JlJإ ext‏ . 
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2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


10- ثم من الأدوات الموجودة بقائمة ٤uامروا‏ اسحب «٥ذاءم!1[ه٤‏ امروP۴‏ ثم ضعها في ال aعإه‏ ك و التي 
بالاعلى من ال 11 ۲ع ))1اpء-‏ 


اضغط ۸11 sae‏ قا لحفظ ما قمت به من عمل . 


2- تطوير تطبيق ويب R1۸‏ بواسطۍطة Oracle ADF‏ 


JSF J| ب صغحة‎ Dı) cont rەاء ربط ال‎ 


في هذا الدرس سوق نقوم بالربط ين ال يأ١ع«ممصهء‏ ووممنونط التي أنشأناها بواجهة المستخدم . 
هذا الربط من السهولة بمكان . حيث تتم تلك العملية عن طريق صpه١إل‏ كمه عهإ - السحب و الانزلاق - . خلف 
هذه العملية يقوم ال ۲ء رها D۴ Mode!‏ بهذا الربط . 


1- في مستكشف التطبيق قم بفتح قائمة ءاها٤ه٤ ٥ata‏ ومنھا أیضاً افتح 0n r٥1‏ ModuleDataCصAp‏ لتظهر لك 
ال business services‏ التي تم عملها مسبقاآ . 


&--Îğ] ViewController 
E-I Web Content 
E-I WEB-INF 
. “EÊ adfc-config.xml 
Ef] faces-config.xml 


[ga] trinidad-config. xml 
a ك ت‎ 

Þ Application Resources 
Y Data Controls 
5 4 AppModuleDataContr ol 

| Departments 1View1 

{ğš| Employees 1View1 

E--{ğë] JobsView1_1 

Operations 


2- اسحب Departments1 View1‏ وضعما في ال s«#ءصm Depart‏ التي في صفحة ال 8۴[ التي أنشأناها » ثم اختر 
من القائمة التي تزظٍر Forms->ADF Read-Only Form‏ . 


IE SE U 7` Dou“ [Ri seven swe >| | none [eut [noe I~ 
Toes QR F7 E> : 
+ - [Î model 


2 WewConlr oder 


2- تطوير تطبيق ويب R1۸‏ بواسطێؤطة Oracle ADF‏ 
3- في المربع الحواري 1dsءfi Edit Form‏ حدد |لخار Navigation Controls‏ udeاneا‏ تم اضغط )0 تم 0k)‏ . 


@ı Edit Form Fields 


Configure the components hat you want to display în your form. Note that you can remove or edit the resulting 
companents sfier you cick OK. You can also add mare components directly to the layout later. 


+ 


IB) ADF Output Text w/ Label 
J) ADF Output Text w/ Label 
J ADF Output Text w/ Label 


4- بالعودة إلى مستكشف التطبيق و في قائمة ال ءا0 Data C0٤٣‏ افتح Departments1 View1‏ لعرض الحقول 
التي تحتويا و يض Employees1 View3‏ . 


5- اسحب ال V1ew3‏ s1ءoyeاEmp‏ وضعها في ال ٣٥1ect)1اە٣‏ 1امPan‏ في صفحة ال [S۴‏ واختر الاختيار التالي 
Tables->ADF Read-Only Table‏ . 
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6- تم في المربع الحواري ءصصuںاہ٤‏ ٥1طه1 Edit‏ حدد الخيارات التلزاتة اlمgجوxة Row Selection, Sorting,‏ 
Filtering‏ » تم اضغط O)‏ . 


@ Edit Table Columns 


Ã ADF Output Text 
A ADF Output Text 


A ADF Output Text 
A ADF Output Text 
A ADF Output Text 
A ADF Output Text 
A ADF Output Text 
Ã ADF Output Text 
A ADF Qutput Text 


ہے ) > 


7- للمرة الثانية اسحب ۵1۷1۷3ءرهام"۴ و لكن هذه المرة في التبويب أسفل الجزء الأيمن من صفحة ال ۴؟J‏ 
واختر الخيار التالي Form->ADF Form‏ . 


7 Datla Convo 
8 


A ğ] Depertments ew1 
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8- وفي المربع الحواري ءل1ء۴ Edit ۴۲m‏ حدد الخیار neue Submit Button‏ » تم باستخدام الماوس و زرار 
اifطك‏ حدد الثلاث حقول الاخيرة في القائمة Commission PCT, ManagerId, DepartmentID‏ ثم احذفهم بالضغط 
على الزرار الاحمر × » تم اضغط ٥0)‏ . 


Configure the components that you want to display In your form, Note that you can remove or edit the resulting 
components after You dick CK. You can also add more components drecty to the layout later. 


Component To Use 


da ADF Input Text w/ Label 
{a ADF Inout Text w/ Label 
JÈ ADF Inout Text w/ Label 
dj ADF Input Text w/ Label 
a ADF input Text w/ Label 
ElÎ ADF Inout Date w/ Label 
Ja ADF Inout Text w/ Label 


#...FirstName} 


#.. Employeeld.. labe) #%...Employeeld ing 
#{...FrsîName.. label} 1#. .FirstName. nr 


| acet » afspanekabbed#pt2 + af:showdetalltem#sd3 » afpanelformlayout#pIl2 $ 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


0- اضغط على ۸11 بد . ثم اضغط بزر الماوس الأيمن » ثم اختر ۸ . 
وبالتالي سوف یتم عمل ءا1مصهء للمشروع تم یتم بناءہ تم باستخدام ال WebLogic Server‏ المتضمن يتم 
تشغيل المشروع » وصوف يفتح متصفح الإنترنت الخاص بك و يعرض الصفحة » يمكنك السير مع خطوات 
التشغيل تلك خطوة بخطوة كما تحب . 


: Insert before /or ade /templates/threeColumriTemolate.jSpx 
|| Departments Insert inside /orade/templates/threeColumnTemplate.jspx 
: Insert after /ocade/templates/threeColumnT ampla te, jspx 
#. Sega 

Design This Container 


Convert... 

Surround With... 
#...Managerid,.. Facets - Page Template 
Edit Template 


tisti 


#.. Locationld,..H 


بمجرد فتح الصفحة في المتصفح بإمكانك عرض البيانات و التحرك بين ال كأرع"_ا۲دمءل و عرض بياناتها كما انه 
بإمكانك تحريك ال ١ء٤٤نامء‏ لكي تشاهد البيانات كاملة » وستلاحظ تغير البيانات المعروضة على يمين الصفحة 
تبعاً لل e۸٤‏ امهل المحدد . 


Locationîd 1000 
5 |Next Last 


515. 123.4444 
03/17/1987 
AD_ASST 
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1- حاول تغيير الحقل 1۲١06‏ بتاريخ غير صحيح ك 11/11/123 ولاحظ رسالة الخطأً التي سوف تظهر لك إذا 
اول الخروج هة 


o Error: The date is not in lhe correct formal. 
Enter a date in the same format as this examole: 11/29/1998 
Example: 11/29/1998 


| october Wl |2008 ® 
j SUN MON TUE WED THU 


* HireDate | 11/11123 ٤ 


* JobId | MK_MAN 


2- عدّل قيمة حقل ال رءهاه8 إلى قيمة تكسر قواعد الصلاحية لهذا الحقل ک -9 ثم اضغط الزرار "٤‏ طان؟ لتظهر 
زسالة الخطا التي خددنها مسقا أثناه التظونر. 
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3- اختر على سبيل المثال ال ٤١ء‏ ه۲ءومءل ال 50 » ولاحظ أنه بإمكانك أن تنتقل بين بيانات الموظفين » كما 
يمكنك الضغط على أحد الاعمدة المعروضة أمامك و ترتيبها أبجدياً أو غير ذلك . 


15- في Filter field J|‏ أو حقل المصفاه أعلى عمود ال eصھN‏ ی۴ اکتب 8% تم اضغط ۴.٤٤۲‏ لكي یتم عمل 
تصفيه للبيانات لإظهار الاسماء التي تبدا بالحرف 8 فقط . 


. يمكنك تجربة باقي الخصائص لاكتشاف مميزاتها ووظائفها‎ -6٠ 
. JDeveloper اغلق المتصفح و عد إلى‎ 


2- تطوير تطبيق ويب Oracle ADF ةۈؤطhساوب R1۸‏ 
7- سوق نغیر جدول الموظفین ؟ععره‌امہه في صفحتنا لإضافة خاصية الاستعلام في الأعمدة . اختار 
Employees Table‏ في صفحة ال [S۴‏ و عدلJ‏ |ئلخlاصية Single J| Column Selection‏ „ 


E DeptEmoPage.jspx - Struc... 


+3 


2-H 
4 af:column - #{bindings.Ê... 
F- ã af:column - #{binding5.E... 
fi. E af:column - #{bindings.Ê... 
FH. ğ af:column - #{bindings.E... 


f. f af:column - #{bindings.Ê... 
Fı: ğ af:column - #{bîndings.E... 
#- f af:column - #{bindings.E... 
FI: ğ af:column - #{bindings.E... 
H:- f af:column - #bindings.E... 
H) ğ af:column - #{bindings.E... 
aL. HÎ afenlımn - #fhindinas F 


8- لإضافة رسم بياني للصفحة د« وهذا باستخدام مhجanعة ADF Data Visualization‏ Jlخlëص»صة‏ ڊ JSF components‏ 


. Graph... |ختر‎ pî « More Info Jخlد‎ leض؛ و‎ Employees1 View3 mzwl »pî « More Info ةمئlق افتح‎ 
„ ADF Faces Data Visualization ja «j> ga Graph J| 


N-B-@-@ 


Oracle ADF ةطؤطhساوب‎ R1۸ تطوير تطبيق ويب‎ -2 


9- في المربع الحواري ryء]6a1‏ ntمصmponدC‏ اختر عنم من القائمة على اليسار تم اخترمرة آخرزی pie‏ من 
مجموعة ال Graph type‏ تم اضغط ٥)‏ . 


Deaton 
lke to how our canlage of a lal. 


0- في المربع الحواري طمهrت6‏ ء۴1 Create‏ اختر راaاهS‏ من قائثمة ۴1٥‏ تم اختر ص as)N4‏ من قائمة ء1eا؟‏ » تم 
اضغط ٥)‏ . 


@: Create Pile Graph 


Select the data valıes you want to display for the pie(s) and te dices of your graph, and then conêgure thet labels, 
See çanfaring Pie Graphs for examples. 


e: [E salary | 


as: | @ Lasııame________[]# 
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1- اضغط على ۸11 مب . ثم اضط على الصفحة بزر الماوس الايمن و اختر ۸٠«‏ . لاحظ التعديلات التي 
تنوف تظهز بد الإضافة الخذيدة. 
غندما تفتح ال 6وا M6۲6‏ لاخظ الرسم البياني الرسوم فيها و الرسالة التي تظهر عند تمرير الماوس عليها . 


Lastiame: Colmenares 
Salary: 2.500 


515. 127.4561 
12/07/1994 
PU_MAN 
11000 
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إضاقة Business Services‏ اکثر تعقیدا 


في هذا الدرس سوف نضیف $۲۷٥١‏ ویعہذوں8 جديدة للتطبيق و الذي ستظهر مجموعة فرعية من حقول جدول 
ال oyeesاEmp‏ كما اننا سوق نضيف حقول حسابية . 
Oracle DF Business Components‏ تتیح لك إنشاء مکونات آکثر تعقیدآً و أسهل في برمجتها و استخدامها . 


1- في مستكشف التطبيقات اضغط بزر الماوس الأيمن على حزمة 0de‏ د.0 pû dem‏ |ختر New View‏ . 


7v Projects 
Model 

Dl Application Sources 
5--} demo.moc 


2- في المربع الحواري وشاشة ال "a٣٠‏ التي ستظهر ۾ عدذل حقل ال عمصه.N‏ إلى ءانو)٤ء۲(‏ مص واترك الاختيار 
Updateable Access Through Entity Objects‏ كما ھو . 


Mew objects are for joining, tering, projecting, and sarang your business data for the pedfic 
needs of a given application task 


Pecdusge:;: demo.model 


Property Set: Aone> 


Select the data source type you want to use as the basis for this view object. 
(o) Updatable access through entty obpects 

O Resd-onhy access bhrough SQL query 

O Rams popule ted progr ammatcaly, not based on a query 

O Rows popula ped at desgn time (Stabic Ls) 


تم اضغط الزرار Next‏ . 


2- تطوير تطبيق ويب R14۸‏ بواسطؤطة Oracle ADF‏ 


3- بعدها تأتي شاشة کاءه‌زط0 رن۴ » أولاً اختر ۵1ره‌ام.۴ و أضفه إلى القائمة اليمنى و اختر أيضا 
epartments1ط‏ و اضفها إلى نفس القائمة . 
تذکر ان ال یعءره‌امصE٤‏ هو الذي يكون فيه الاختيار 21ء 2لم لا على عكس sكا,٫ءص)اهمء0‏ يكون للقراءة فقط . 


Select entity objects for this view object. 


ee‏ د 
i Entity Objects Aniisble:‏ 

v atrhutes dero.rodel Model 
I OD demo.model 


a REE 


I@ enolorees1 


تم اضغط Next‏ . 


4- وقي شاشة ءءاںuطA))۲1‏ » اتقل الحقول التالية إلى اليمين » 
من Employees1 J|‏ : 


Employeeld 
FirstName 
LastName 
Salary 
HireDate 
Jobld 


: Departments1 J| ومن‎ 


DepartmentID 
DepartmentName 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


@: Create Yew Object - Step 3 of 9 


هنا بإامكانك الضغط على طءام۴ لإنهاء عملية إنشاء ال tءع‌زbاه View‏ . 
5- بعد ذلك سوف نرى كيفية إضافة عاںطإااه 4اهاءاهء أو الخصائص الحسابية » سوف نضيف خاصية تعرض معدل 
المرتب خلال عام . 
في محرر 1٣×.ءانه؛»2‏ مع انتقل إلى ء٤٤‏ uطذع)٤٤4‏ من القائمة على اليسار تم اضغط على الزرار hp‏ لکي تضيف 


. او خاصية جديدة‎ new attribute 


| General 


Entty Objects Attributes / %8 Add from Entltyis: e 
Yew object atirbutes can be based upon atirb( Oreete new stibute pct or can be calculated 


or SQL derwed. 


¥8 


6- في المربع الحواري ط۲1٤اA‏ زا0 New View‏ عدل الحقول إلى القيم التالية : 


Field Value 
Name YearlySalary 
Type Number 
Value Type Expression 
Value Salary * 12 
. ٥) تم اضغط‎ 


2- تطوير تطبيق ويب R1۸‏ بواسطێؤطة Oracle ADF‏ 


@ New View Object Attribute 


~Attr bute 


») pression 
Salary * 12 


İ_| Mapped to Column or SQL 


ټ 


`_| Disgimînator: 


اخر. 
في هذه الحالة سوف نضيف قائمة من القيم لعناوين الوظائف المتاحة ءعاان) اهز من حجول الوظائف ءطهل . 
في محرر ٣1‏ ×.ءانھ†e(مصE‏ اختر sاoیsیمcce View A۸‏ تم اضغط علی م 


Erasystem.jas | EJDeptEmpPage.jspx | FAEmpDetsisonl | [Qemployees1.xml  |d]sr (OOS 
Gener al 
Entity Objects View Accessors / ¢ Override @ 


View accessors are used for defining and flltering the data source r€ Create newe view accessors | 


validalion and presented in a lst of values. 
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8- في المربع الحواري ءإموومءءA ۷1ew‏ انقل s1سء۷1طمل‏ إلى القائمة اليمنى » تم اضغط ٥١)‏ . 


١ 
© View Accessors 


Select a view object or shared view instance and shuttle it to the selected list to meate 


9- في محرر 1إ×.ءانهء مع انتقل إلى كعutطذإ)٤)4‏ واختر 1۵طهل من القائمة و و في الأسفل اضغط على زرار 
List Of Values je F‏ . 


General 
Entity Objects Attributes ا‎ / % Add from Entity... | ende] ® 


View object attributes can be based upon attributes rom an entity object or can be calciated or 


2- تطوير تطبيق ويب R1۸‏ بواسطێؤطة Oracle ADF‏ 


0- في المربع الحواري sعuا۷a ist of‏ اختر s۷iew1طJob‏ من قائمة List Data Source‏ و dاobلJ‏ من قائمة List‏ 
Attribute‏ . 


@ Create List of Values 


List of Values Name: LOV_Jobld 


( Confouration | UHRE | 


Select a view accessor for the list data source, and then choose the list attribute that 
maps to the current view object attribute, 


List Data Source: | JobsMew1_1 <| 4 
ا‎ 


List Return Yalyes 


Map any supplemental values that your list returns to the base view object (it always 
returns a value to the attrbute for which the list is defined). 


List Attribute 


Input Text with List of رi><lو‎ OI Hints اضغط على التبوڀب‎ List f ۷a1 ues مازلنا في المربع الحواري‎ -11 
٥ تم انقل 11)1¢ ط0ق إلى الیمین . اضغط‎ Default List ype من قائمة‎ Values 


@ı Create List of Values Xx 


List of Values Name: LOV_Jobld 
ET urns | 
Default List Type: (Input Text with List of Values َ 


Display Attrbutes 
In choice components, multiple display attributes are separated by white space, 


list Search 


pate sewa neg: RG TTT 


[J] Query List Automatically 


Choice Uist Options 


ÛU Fiter Combo Box Using 
. Indudè No Selection” Iter 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


2- الآن نحتاج إلى أن نضيف هذه الخاصية الحسابية الجديدة إلى واجهة المستخدم . 
في مستكشف التطبيق اضغط مرتين بزر الماوس الايسر على eءاu‏ كه مم۸ لكي تفتحه لتحريره واختر ۲03٤4‏ 
Model‏ . 


Select a wen object #om live ree oF sralabie wew objects, select ve 
islame or appicabon module lo be fis parent ın lhe data model ree, ar 
dik '>' to agate a namod inatanco of tho view object in hoe data modo 


Dela Model; | Subtypes... 1 
E 
F1 - Fî Departments IWew 1 
jî] Smoloyees 1View3 
Ê Employees Mew 1 
¦- Fî] Oepsr iments 1ew 2) 


Data Model Components @ 


Select a view object fom he tree of available view objects, select the 
instance or application module to be its parent in the data model tee, and 
dick '>' to aeate a named instance of the view object in the data model, 


Avaiable View Objects: Data Model: | Subtypes... Edit... 
+ demo.model.Model 
E1) demo.model 
E] Departments 1View 
$] Employees 1View 
= 


Employees 1View‏ |$ ك 
ae‏ 
Emoloyees 1View‏ ) 
JobsView1‏ }$ 


4- في مستكشف التطبيق اضغط بزر الماوس الأيمن على 1ء١۷0‏ مم۸ واختر ۸R u«‏ لاستدعاء مختبر ال 
application module‏ . 
هو عبارة عن تطبیق عاس؟ صغير يسمح لك باختبار ال ADF Business Componمe ns‏ التي انشلتھا . 
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2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


6- حاول تعديل ال رإهاهS‏ إلى -9 ولاحظ رسالة الخطأ التي تظهر بمجرد الانتقال من الحقل . 
والآن استدعي قائمة القيم 14ط0لق واهتر New Job‏ . 


7- أغلق شاشة مختبر الت sادpo«eمCom Business‏ » وارجع إلى ال إمopامJDev‏ » اضغط على Ê Save All‏ „ 
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Page Flow sli 


بطبيعة الحال تطبيقات الويب تتكون من أكثر من صفحة . في هذا الدرس سوف نضيف صفحة جديدة إلى 
التطبیق » وسنستخدم ۴1٥۷‏ )یه1 ۸۴ للتحكم في التحرك و الانتقال بين الصفحتين . 


1- في مستکشف التطبیق تحت مشروع ViewContr 011e‏ حدد adf-config‏ والتي تکون تحت ws٥اf page‏ › 
اضغط مرتين بالماوس لكي تفتحه في المحرر . 
هنا سنعرف الانتقال في تطبيقنا . 


ٍ | Emenetats.xml _ |(@anomoasc.xmnl _[Badfc-conêg.ml 
QQ Tirr INA 1F Ou : 


Drop content onto this blank 
diagram from the 
Component Palette, 
Resource Palette, or 
Application Navigator. 
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Component Palette J| j -3‏ اسحبپ View‏ داخل diagram‏ config-fه‏ وأعد تسمیته إلى رامس »> سوف تکون 


ıeptEmpPage.jsp«»  [ac#-confg.xm! | [Qemelc OOO f 
QQ Ql <jlnw- IMN A 11 3F 43 1 (^ 


vv 


Diagram | Overview | Source [History |$__ ad >U 


4- من قائمة ال Component‏ اختر Contro1 Flow Case‏ تم اضغط على ٤ع4‏ ۲ مmpص٤۲صء‏ 0 تم اسحب إلى صفحة ال 
query‏ . 


}) Source Elements 
= 1 
Activkies 
Method Call 
TIT 1 QR 1 
DeptEmpP age € save Polnt Restore 


E 
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5- من قائمة ال 07۲ مە اختر ۴1W ٥4e‏ nt01هC‏ مرة أخرى واعكس الخط هذه المرة من صفحة راهس إلى 
DeptEmpPage‏ . 


6- اضغط بزر الماوس الأيسر مرتين على راسي لإنشاء صفحة جديدة . 
باستخدام |لخlıر Page Template‏ |ختر Oracle rhree Column Layout‏ في المربع lانحوlري Create JSF page‏ . 
تم اضغط ٥)‏ . 


SSS -- 


Create JSF Page 


reference a Paqe Template to indude its content in this page, or apply a Quick 


Enter the name, directory, and choose a type for the JSF Page, Optionally @ 
Start Layout to add and configure an initial set of layout components. 


Benene: 
Directory: (C:\Developerlmywork\HRSystem WiewControler public_html | | Browse... | 
¥] Create as XML Document (*.j‘ 

[[] Render in Mobile Device 

Initial Page Layout and Content 


O Blank Page 


&) Page Template | Orade Three Column Layout w | 


O Quick Start Layout 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


7- افتح sاە0†r) Data‏ في مستكشف التطبيق » حدد D611‏ م li pû lحتفlو En‏ |فتح Named Criteria‏ « 
وأخيرآً اختر A11 Queriabاe Attriط utes‏ واسحبها إلى العمود الذي يقع وسط الصفحة الجديدة ×مءز.رإ#ا » من 
القائمة التي ستظډر |خ†خiر Query->ADF Query Panel‏ . 


3 ÛJ Named Oteria 
Ti Quensble artbutes 


8- في قائمة Data Controls‏ اختر EmpDetails1‏ اسحبها و اضفها أيضاً إلى العمود الواقع في منتصف الصفحة 
ولکن اسفل ال ery componen٤‏ » تم اختر ۴Form-<ADF Form‏ منالقائمة التي ستظهر . 


Include 9 Include Navigation Controls jıرlyëخll >د‎ « Edit Forms Details ¡uw في المربع الحواري الذي‎ 
. 0) تم اضغط‎ . Submit Button 


@ Edit Form Fields 


Configure the components that you want to display in your form. Note that you can remove or edit the 
resulting components after you dick OK. ¥ou can also add more components directiy to the layout later. 


Fields: o *% 
Display Label Value Binding 
<default? ca Employeeld = ADF Input Text w/ Label 
qa ADF Input Text w/ Label 
JÈ ADF Input Text w/ Label 
a ADF Input Text w/ Label 


[Î ADF Input Date w/ Label 
FÎ ADF list of Values Input 
ê ADF Input Text w/ Label 
a ADF Input Text w/ Label 
që ADF Input Text w/ Label 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


9- في شاشة ال ١إناءںء)S‏ الخاصة بهذه الصقحة حدد زرار ٤ص‏ طںS؟‏ اضغط بزر الماوس الأيمن واختر 
Insert after af:command: Button - Submit —> Button‏ 


. Irsert before af:commandButton - Submit 


بواسطة إەاءءمءم1 رمدم عدل خاصية ال 1٠×٤‏ الخاصة بالزرار الذي أضفناه للتو إلى )ءه8 » وفي خاصية 
Action‏ اختر kءaط‏ . وهذا هو ما سيجل الزرار يؤدي مهمة الانتقال التي تم تهيئتها في ال سها؟ عم . 
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0- الآن سوق نضيف عمليات الانتقال إلى الصفحة لتسمح لك بعمل ازصصهء و )عهط11هء . في قائمة 5ata‏ 


sاContro‏ افتح Operations‏ لكي تحدد عمليات com mi‏ و rollback‏ . 


اسحب نص صهC٤‏ إلى شاشة ال structure‏ قبل ال ہہButt ۴st‏ واختر من القائمة التي ستظۈٍر -SئOperation‏ 


. >ADF Button 


7 Data Controls 
i J cimployees vie 


E-I] Operations 
: E-I Named Criteria 
#-Ë] Jobsview1_1 
= ل‎ Operations 


Commit‏ ا ا 


=5 =a af:panelGroupLayout - vertical 


E ا ت ل‎ - horizontal 


2 footer 


2 &g af:panelGroupLayout - vertical 
2 کی وو‎ - horizontal 
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1- كرر نفس الخطوات لعملية Rollback‏ . 


„| Employees! 
F Seurch Besi. | Saved Search 


0 لھ ن اا 


Sewrch Fesel Sse 


#4 trgirrmid bint 2, _Emeloyeed nputvalue} 
™ Fiiama bibe 4[.-Fesblane houtvole) 
™ lariama bbe 4([ Lasilane hsivoke) 
f! Saber bihet 4. Selory.tosfVehue} 
ff Hransle the &[.-HicOute hewake) 
3. Joba. be A[. Jeli açut vaki] 
21. Deparinenfd. lube) 4f Departed ınpurvahn} 
#1 Deporernilieme. lobe) 4f Heparirwefiiern rufen) 
31. VeenySaley. lobe) 4f FaarySshry apif vahi} 


Cena] Ruma eni] [mevmun] [nud] Lan 


Subrmt 
Bucs 


چ2 


3- نعورد إلى تحرير ×مءز.ءعه۲ م٣‏ ٤٤مء‏ بالضغط على التبويب الخاص به . 
هناك طريقة سريعة للوصول إلى الملف الذي تريد إذا هناك العديد من الملفات » ان تكتب اسم الصفحة في 
سريط البحث الذي يقع على اليمين في الاعلى في ال ۲ءمه‌اء ۷ء٥[‏ » تم اضغط عليه من النتائج . 


ch Results 


DeptEmpPage.j5px - VievOoe 


P| DeptMgrFkLink.xml - Model/demc/ model 


2- تطوير تطبيق ويب R1۸‏ بواسطێؤۈة Oracle ADF‏ 


[) EDeptEmpPage.jspx«» | ladfc<onfg.xml 


14- من قائمة ٤pone1صCom‏ اختر 8utt٥٥‏ ثم اسحبه و أضفه إلى جزء ك٤«*#”٠.٤إدمء0‏ في الصفحة الأولى بين 
lلjرlرjı Previous 9 First‏ . 
بدلا من ذلك يمكنك إضافة الزرار كالتالي » اضغط بزر الماوس الایمن علی زرار ۴٣٤٤‏ ثم |خڙتر insert after->button‏ . 


BlDeptEnpPegejpn | lateamesm_ | werr __NtecModiexml Ereb (°1 Component 
GB > sou - dl seen sre |g] none_____<[oeme ____<[none <| ® # B 


m...Employeeld}) ___K{ 


#...Ermoloyeeki)___ #t...FrelName) 


Columns hiiden Columns Frozen 


باستخدام إ0اءinspe property‏ عدّل خاصية ال ٠٠×٤‏ الخاصة بالزرار إلى رإمسQ‏ . وخاصية ١٠ء۸‏ اختر من القائمة 
المنسدلة g0Query‏ . 
وهذا هو ما سيجل الزرار يؤدي مهمة الانتقال التي تم تهيئتها في ال سها؟ عم . 


5 فط ےپ کي م خرن ما قمت مله : ثم زر الهاسئ الأيهن أففط غل فة 
Run ڃةè>lg DeptEmpPage.jspx‏ . 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


6- عندما تظهر الصفحة في متصفحك اضغط على الزرار رإهQ‏ لكي تنتقل إلى الصفحة الجديدة . 


17 قي الصفحة الخديدة جنه . أضفط على العذسة وار خقل آل مو3 لتظهر لك تفاشة اليخة: 
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8- ابحث عن عناوين الوظائف التي تبدأً بالحرف ۸% . 


اختر العنوان Account a۸٤‏ تم اضغط ٥)‏ . 1 
الآن اضغط زرار طءإهء؟ في صفحة ال رإءQu‏ بكي تأتي بالنتائج بالأاسفل . 
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19- بإمكانك الآن عمل استعلامات كما تحب و بشروط أكثر تعقيداً » وتعدل ما ترید من بیانات و تعمل لها ٤ص‏ ٥ء‏ 
أو ack‏ bا01ا‏ کما ترید . 


GO3- e) http://127.0.0.1:7101MRSyste ¥ $| (X.| Google 


Fie Edt Vew Favorltes Tools Help 
F & | htp:/1127.0.0. E710 HRSystem... m=) MD -M 7 @ >° [Pegs < Û Tools. 


جميع الحقوق محفوظة 
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استخدام خصilڃص ADF Faces Framework J|‏ 
في هذا الرس سوف نستخدم نخسن صفحاتنا ياضافة بعض وظائف ةزه الإضافية . 


. ( Partial Page Refresh ) تlzخصلJ استخدام خاصية التحديث الجزئي‎ * 
. ( Operation Components ) ٽژlaleعgJl‎ تligSe و‎ ( Drop Down Menus ) ةlدسنملا استخدام القوائم‎ * 


استخدام خاصية التحديت الجزني للصغحات 
في البداية سوف نضيف خاصية التحديث التلقائي للحقل رإهاه8Sراإهءر‏ المعتمد على التغير في الحقل yإهاه؟‏ . 


في حين أننا لا نريد أن يعاد تحديث الصفحة بالكامل سوف نستخدم خاصية طءء۲؟ء! #عهم انام التحديث 
الجزئي للصفحات المقدم من ADF Faces‏ . 


1- افتح الملف ×مءز.رإاءسuي‏ في المحرر وحدد الحقل رإدادS‏ واضغط عليه « في اة property inspector J|‏ عذل 
قيمة الخاصية 14 إلى أك . 


<default> (false) >| 


O meer ا‎ 
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3- في شاشة ال Structure‏ حدد yاa Ye18‏ » بطريقة آخری يمكنك الوصول لهذا الحقل بالضغط مرتين على 
التبويب ×مءز.را#u‏ لتكبير الصفحة تم حدد الحقل رإدادةS؟راإدء۷‏ في محرر التصميم . 

حدد الخاصية ۶اeعع!إآ۴ar)ia1‏ بعد اختيار اط8 من القائمة على اليسار » تم اضغط على السهم الموجود 
على يمين تلك الخاصية و اختر ٤di)‏ . 


SE quer Jr -Stuchre 


#3 


VÎ Perel horn Laymat 
t~ ote 
Fl 3g afpansGroustayout - verical 
J =a af:amêe upleyul herald 
UD nirornarthittnr - Creme 
! ® O ius - - Robe 


o 


4- في المربع الحواري ,۲۲۲م ه۲۲ لع حدد الحقل رإهاه؟ وانقلها إلى القائمة على اليمين » ثم اضغط )0 . 


@ Fdit Property: Partiall riggers 


Shuttle items from Avaiable to Selected to define the list of scoped ids for this component. If an item cannot be 
shuttled, It requires an Id or an ancestor naming container requires an Id. Note that scoped ids use » combination oF 
relative and absolute path references depending an ther relationship to the current component, 


Avaliable: Selected: 
F-jëa irouText -It2 1 J InputText - sal 
E -j inpu Text -it7 
EH  inputText -itS 


E- El iroutDate -id1 
ا‎ Î irputlistOfVahues - jo 
EH È3 inputText -ité 
Fı  InputText - It3 
EF -ja inouText -it4 
E- KE facet (footer) 

Ef] facet (end) 

E facet (copyright) 

al] panelspitter 


٤ 


* hndkates a naming container 


Id: sal 


He 
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5- اضفط ۸11 Save‏ ا ثم Run‏ . 
عند ظهور الصفحة استخدم قطاع ال رس لتحديد الموظفين التي تبدأً أسمائهم ب 4% ثم عدَّل حقل ال 
ary‏ لاحدهم . 


Ts: 


PU_CLERK 
30 


05/18/1995 


أغلق المتصفح . 


جميع الحقوق محفوظة 


2- تطوير تطبيق ويب R14۸‏ بواسطؤطة Oracle ADF‏ 
استخدام القوائم المنسدلة و مكونات العمليات 
في هذا الدرس سوق نضيف قائمة منسدلة إلى الصفحة » كما سنضيف زوج من مكونات عمليات ADF Faces J|‏ 


لإضافة عملية قائمة على امipاءئةvه[‏ » والتي سوف تصدر بيانات الجدول إلى جدول بيانات E×٠٠1‏ أو إلى صفحة 


1- افتح الملف ×مءز.ءعد٣مصm٤مء0‏ في محرر التصميم » واضغط على المكان المخصص للقوائم كuم«ء.‏ أعلى 
جدول ءععره‌ام,ہ٤‏ . ضغطة بزر الماوس الايمن و |خëiر Menu »۾î Insert Inside Facet‏ „ 


SIN Carman 


Insert before Facet menus 


#.. DeoartmentName... #% 
abe) np 


. My Options JلJإ‎ ex عدل قيمة الحقل‎ Property Inspector J| في‎ -2 


. true lإ‎ Detachable ةيصاlخلll اختر القطاع 140۲ء8 وعذل‎ Property Inspector J| في‎ -3 


<default> (false) 


جميع الحقوق محفوظة 


2- تطوير تطبيق ويب R1۸‏ بواسطێؤطة Oracle ADF‏ 


4- في شاشة ال eإuاءںS‏ اضغط بزر الماوس الأيمن على دعص واختر 
Menu Item »û Insert inside af:menu - My Options‏ „ 


. Export to Excel JJ| Text J| ةيصlخ‎ Jıعe‎ property inspector مlختةwl‎ 


Operations ial structure J| في شاشة‎ Export ٤)٥ ٤×xce1 في حين مازلنا مع مكون القائمة المنسدلة‎ -5 
. Component J| ةمئilؤ في‎ ADF Faces J| الموجودة بمكونات‎ 

Export Collection Action Listener >‏ تم اسحبه إلى عنصر القائمة المنسدلة 1ءc×غ )٥‏ )م»۴ في شاشة 
Structure‏ „ 


Layout 
” Operations 


Î Covert Date Time 
ED Convert Number 


6- في المريع الحواري الذي سيظهر اضغط على السهم الموجود على يمين الحقل ۵۵10٤۲٥م×۴‏ واختر ۴i٤‏ . 


جميع الحقوق محفوظة 
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7- في المربع الحواري ,مه۴ ز٤‏ تجول في هياكل الصفحات إلى أن تصل إلى #اطه٤‏ الموجود في 
PanelCo1Nlection‏ تم اضغط عليه . تم اضغط ٥0)‏ . 


ê Edit Property: Exportedld “ 


Choose a component. If arı lem cannot be selected, it requires an Id or an ancestor naming container fequres anı 1d. 
Note that valid Ids us# a combination of relative and absolute path references depending on heir rela šonship to e 
aurrent component. 
Avalable: 
7 > mezEagez =I 
o-j fom -f1 
F1 (® pageTemplate* - pt1 
E facet (header) 

` - a facet (stabs) 

(fH EI cet (star) 

E1 Ef facet (center) 


¦ E-[[] oanetspitter - ps1 
E {E focet (frst) 
; & Ê] panelCollection* » pc1 
F- E facet (menus) 
-- I facet (toolbar) 
EA facet (statusbar) 
i 


. excelHTML |†ڂةتر‎ Type ةمئilق من‎ -8 


. 0k ثم‎ 


9- لنقوم بإضافة عنصر جديد إلى القائمة المنسدلة > في شاشة ١إناءں)؟‏ اضغط بزر الماوس الأيمن على 


المکون Export ٤)٥ Exe‏ ثم اختر 
Insert After af:commandMenultem - Export to Excel‏ 
iت۾» Menu Item‏ . 
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Insert before af:commandMenultem - Export to Excel 
Insert Inside af:commandMerultem + Export to Excel 


mmandNieruutem - Eport 


Té 


11- افتح Operations‏ الموجودة بمكliaت Show Printable Page ڇaiخ><|l pî Component J| ةمÖilؤê „aê ADF Faces J|‏ 
Behavior‏ لإضافتها إلى العنصر الجديد من عناصر القائمة المنسدلة » يمكنك سحبه و إدراجه إلى العنصر الذي 
اآنشاته كما فعلناها مسبقاً . 


12- اضغط ۸11 4۷e‏ لحفظ ما قمنا به ثم Rum‏ . 


3- عندما تظهر الصفحة حدد القائمة المنسدلة التي أنشأناها وافصلها . 
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4- اضغط على عناصر القائمة التي أنشأناها . على سبيل المثال ۴×1 ۲٥‏ 0۲۲م×۴ » تحتاج إلى أن تقبل تحميل 
الملف في المتصفح لكي تستطيع التعامل مع ملف ال ۴×e1‏ . 


الصفحة جاهزة للطباعة . 
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EST 


أغلق المتصفح . 
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Read Only Business Services Page Fragments « Regions slil 


فئ هنا الفرمن سوف فضشىء ضفخة تمكن أغادة استخدامها و الى من خلالها يكن العحة عن الخوظقين 


بعناوين البريد الإلكتروني الخاص بهم . 


ثم سنستخدم هذه الصفحة مرة ثانية في صفحة [8S۴‏ أخرى . 


Query Only Business Service Based on Parameters 


في البدایة سوف ننشی مکون عرض D۴ Business Components View 0j ee)‏ لکی یمدنا بالاستعلام المضبوط 


بناءآ على المتغيرات . 


1- في مستكشف التطبيق حدد حزمة ال0 ..0ء4 واضغط بزر الماوس الأيمن و |خiر New View Object...‏ . 


2- في المربع الحواري زا0 Jie « Create View‏ خاصية ال Name‏ إلى 1نEmpByE»a‏ . واختر نوع العرض 


Read Only Access through SQL Query 


من الخيارات الأربع أسفل الشاشة . ثم اضغط ×× . 


View objects are for joining, fltering, projecting, and sorbng your business data for the spedfic 
needs of a given appbca5on task 


demo.madel 


Pacdiage: 


Name: 
Extenda: 


Property Sel: | <None> 


Select the data source type you want to une as the basis far this whew abject. 
Updatable access rough entity objects 

») Read-only access rough SQL query 

`) Riws populated progr ammalcaly, not based on a qer ¥ 

`) Rows populated at design time (Stabic List) 


2- تطوير تطبيق ويب R1۸‏ بواسطۍطة Oracle ADF‏ 


3- وفي الخطورة التانية في المربع الحواري اءءزا0 سء ۷1 مج٠۲٥‏ . اكتب الاستعلام التالي : 
select first_name,last_name from employees where email=:p_email‏ 


النقطتين ":" قبل انه" ٠_م‏ تعني أن هذا متغير سوق يتم نقل قيمتة إلى الاستعلام . 
اضغط على زر ال اه1 لتتأكد من جملة الاستعلام » ثم اضغط ×6× . 


Name Emer your custom SELECT ststement and dick Test to ded its syntao. Promde he ORDER BY Ceuse 
۴ seer ate 
wy Query Query Statement 


w Bnd Yanables selcec first_nane, l1asc_nane from enployecs vhere |12حصه_و:=12دصه‎ 


Anda Style: | Orade Named >| 
SQL Mode: [pe ”[ 


4- وفي الخطورة الثالثة في المربع الحواري زط0 سء¡ ماهءإ٥‏ . اضغط على زر "٠W‏ لكي تعرف متفير من نوع 
bin4‏ » تم عدل قيمة الخاصية ءصإه.N‏ إلى انجصe_م‏ . 


@ Create View Object - Step 3 of 9 
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5- اضغط "٠×‏ أكثر من مرة لقبول باقي الإعدادات الافتراضية والوصول إلى الخطوة الثامنة » هنا حدد الخيار 
Module‏ icationاApp‏ لإضافتە . تم اضغط الزرار hئنہا۴‏ . 


Select the dedbox to add an Instance of ıs view obyect to an appica bon module, 1F the speafied 
application module does not mast, it wll be ceated 


ass 


Psckage: | demo,model 


Name: | appmodde 


6- يمكنك الآن تشغیل مختبر ال eاModu‏ icationاApp‏ » عند الضغط علی ٤٣211‏ ,8؛م ۴E‏ مرتین بالماوس سوف 
يطلب مغك إكخاك قيمة إلى المكير. 
أفخل 8۸€ تم احفط ان > واخضل على الغائة هذه القيمة. 


Ff Oracle Business Component Browser, (AppModuleLocal-Local) 


لتجربة قيمة أخرى اضغط على الزرار الأزرق و كرر العملية . 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


Reusable Task Flows, Page Fragments and Regions 


eT‏ . سوف م هذه الصفحة E‏ صفحة JSF‏ ا u e‏ الصفحة ان تسخدم فی أكثر 


من ضفحة أخرئ ذاخل التطسق . 


1- في مستكشف التطبيق حدد المشروع ۲ء 11اه »ه٣‏ سمVi‏ واضغط بزر الماوس الأيمن ثم اختر NW...‏ . 


E-I] Model 
i-i] Wewcontroller 


E-{ğ Application 
F1“ demo. Edit Pr 
ri“ demo.v| 3% Delete Project 
E-I META Version Project... 


. Ok تم اضغط‎ ADF Task Flow رiخèl‎ « Web Tier —> JSF J| تحت‎ 
@; New Gallery 


(MITES | Current Project Tednokges 

This list is filtered sccording to the cqarent project's selected technologies 

(® e4 ırerk Project Techs qe 

Categories: Items: [|_| Show Al Descriptions 
EF General [ ADF Task Flow 

: Creates a task flow source fle whose contents define either a 


bounded task flow ar part of the web application's unbounded 
task flow. 


To enable this option, you must select a project or a file vathin 


a project in the Applxation Navigator . 
E ADF Task Flow Template 
f 5F Dedaralîve Component 
E BF Page 
HB BF Page Flow and Configuration (faces-config. xm) 
[fl ı5# Page Fragment 
[fl 5F Page Template 


2- تطوير تطبيق ويب R14۸‏ بواسطؤطة Oracle ADF‏ 


. File Name Jقêحl|l ف„‎ search-email-f10w.xm1 ضع القيمة‎ Create Task Flow في المربع الحواري‎ -2 
. Create with Page Fragments s> pî Create As Bounded Task Flow رlıخJ|l حدد‎ 
. ٥) تم اضغط‎ 


Create Task F low 


Craabtê a task flow source fla whose contants define ether a boundad task ow or part of tra web appication's 
urbounded task flone 


A boundad task flow can refet spaûfically to J5P pagas or page fragments, but not both, Yo can also 
desgnate the bounded task flow to be a train at this time 


Fle Name: 


Ci\ Developer my mor OF RSySs bem’ iemCorkr olerigub ic _html| WEB-F 


[¥] Create as Bounded Task Flow 
Task Flow ID: seer remed f0 
lw] Greate wth Paga Fragmants 
] Tegte Tran 
sland nIencate rlonanm: ___.. ( ue 
Based o0 Templata ID: - 


3- في المحرر الذي سيظهر » اسحب مكون س۷1 من قائمة ال يأرع«ممصه٤‏ وضعه في صفحة ال سه!ا؟ وأعد 
تسميته إلى انaصE search‏ . 


lEmoPage,jspx__ | FÊEnpeyemail.xml__ğseardenaî-fow. xml 
"Na Rl ° ©0 


2- تطوير تطبيق ويب R1۸‏ بواسطۍطة Oracle ADF‏ 


4- اضغط مرتين على انة"٣٤طء۲هءء‏ لإنشاء الصفحة . 

اقبل الإعدادات الافتراضية الموجودة في المربع الحواري الذي سيظهر » وتأكد أن ال مصهہ اا قيمتها 
earch Ema iا.ز ff‏ . وبالتالي سوف تنشأ الصفحة والتي يمكن تضمينها في صفحة 8۴[ أخرى . 

. ٥) اضغط‎ 


Create New JSF Page Fragment 


Optionally reference a Page Template to indude its content in this page, or apply 


Creates a new JSF Page Fragment and configures your project for its use. @ 
a Quick Start Layout to add and configure an initial set of layout components. 


u pearchEmai.jsff 
Directory: |C:\ Developer \nywork\HRSystem\ViewController public_html | Browse... 1 


Initial Page Layout and Content 
(o) Blank Page 

(O Page Template 

O Quick Start Layout 


E] Page Implementation (UI components are not exposed in managed bean) 


. Operation idl pî EmpByEmail1 حتفl‎ pî « Data Controls J| ةمئlق محرر الصفحة سوف يظهر . افتح‎ -5 


Ej AppModuleDataControl 
E] Departments 1View1 
2-ËÎ HEEE 

x8) FirstName 
zg LastName 
E-I Operations 
j 40} Create 


Eo: CreateInsert 
٣ 0} Create with parameter: 
. 0È Delete 
H-- {8} ExecuteWithParams 
2 


سوف نستخدم عملية Execute Wİ)ط ۴2۲am‏ لتنفيذ الاستعلام . 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


6- اسب ExecuteWith Paras‏ وضعها في الصفحة الجديدة » ثم اختر 
Parameters->ADF Parameter Form ...‏ „ 
اقبل الإعدادات الافنراضية في المربع الحواري ل۴1 Edit Form‏ ء تم اضغط ٥)‏ . 


a] Ms Hil oeptEmpPage.jsp« | Fempayemai. ml (lae enet ow. 
> [Default 3 


eriant onto this bl 
Pomênant from he 031 


@& Edit Form Fields 


Configure the components that you want to display in your form. Note that you can remove or edt 
the resulting components after you dick OK. You can also add more components direcly to the layout 
later. 


7- في محرر التصميم |ضخhط‏ jزرlر Property inspector pl1<iwlبg « Execute With Params‏ غير الخاصية 1٥×٤‏ إلى 
Find Details‏ . 


2- تطوير تطبيق ويب R14۸‏ بواسطۍطة Oracle ADF‏ 


8- من قائمة Data Controls‏ اسب EmpByEmails1‏ في الصفحة تحت الزرار « From->ADF Read... رiخ†خ| pû‏ 
Form‏ yاOn‏ من القائمة التي تظهر . 


نقبل الإعدادات الافتراضية ثم الضغط على )0 . 


9- فقي مستكشف التطبيق حدد الملف ×مءز.ءعد۲مص٤1مء(‏ وافتحه في محرر التصميم . 
في قائمة ال sارع«ەمmnهC‏ افتح ال ayoutا‏ واختر منها اهtهاهممS‏ واسحبه و ضعه تحت ء٤ٳعص‏ اهمه( في العمود 
الأايسر من صêأفخة DeptEmpPage.jspx‏ . 


جميع الحقوق محفوظة 


2- تطوير تطبيق ويب R1۸‏ بواسطؤطة Oracle ADF‏ 


([Isesdresatow xml 


0- الآن سوق نضيف ال سها؟الذي أنشأناه كجزء من الصفحة . 
من مستكشف التطبيق اسحب الملف 1د×.W٥1ا؟-انةدع-طءاومء‏ وضعه في العمود الأيسر من الصفحة 
spxخ.DeptEmpPage‏ تحت ال separator‏ الجديد » من القائمة اختر Region‏ . 


يجب أن تكون الصفحة كالتالي : 
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2. Emoboyeeld} __ |#{. FirstName} 


#4. FirstName} #1... LastName) 


#(.Erployoeld > | %(_Empbyoekt noutVele) 
#. FrsiName., #l...FirsiName input Value} 
labe 


(LastName... | #...LastName.inputVaiue} 


# e #...PhoneNumber InpufValue} 
#{...HireDate.. label} | #{...HireDate.inputVakue) 


11- اضغط ۸11 veوS‏ ا تم عمJ DeptEmpPage.jspx J Run‏ . 
في الصفحة التي تظهر في المتصفح ستجد إمكانية عمل البحث عن طريق الإيميل كالتالي : 


Departments 


Departmentld 10 

Departmentame IT 
Managerld 103 
Locationld 1400 


Previous 


Email | sKING 
FirstName ١ 
LastName 
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والبيانات التي تظهر بعد البحث : 


Denyinartld 10 

Dap lhe IT 
Menspgeld 103 
Locstorid 140M 


*Erpirwld 2m 
HANNE | herde 
* سانا | عتما‎ 
*Enal  Jw#alaN 
| onstarbst 615.12321 
"HONS pI71958 


*Idhld ap ast 
Salers au 


bme 


آلف مبروك » هنا نكون قد وصلنا إلى نهاية إنشاء تطبيق ADF Business Components loڌxخ+ۃةwl « Jal A۸DF‏ 
وانشانا البسيط منها و المعقد . 


